﻿{% extends "base.html" %}
{% block content %}
{% include 'right.html' %}

    <div id="main-container" class="container clearfix">
        <section class="post-left">
            <div class="row">
                <!-- /banner图 -->
                <div class="col-md-6">
                    <div id="featured" class="raxus-slider" data-autoplay="3000" data-keypress="false"
                         data-thumbnail="bottom">
                        <ul class="slider-relative" id="relative">
                                {% for b in banner %}
                                <li class="slide fix-width">
                                    <a href="{{ b.link_url }}" title="{{ b.text_info }}">
                                    <img src="{% url 'index' %}media/{{ b.img }}" srcset="{% url 'index' %}media/{{ b.img }}" alt="{{ b.text_info }}"
                                                class="wp-post-image" width="370" height="290"/></a>
                                        <span class="text ani-left"><strong>{{ b.text_info }}</strong></span>
                                    </li>
                                {% endfor %}

                    </div>

                </div>
                <!-- /banner图 -->

                <!-- 首页推荐 -->
                <div class="col-md-6">
                    <div class="hotread ">
                        <div class="title">推荐阅读</div>
                            {% for t in tui %}
                            <div class="caption">
                                <h4><a href="{% url 'index' %}show-{{ t.id }}.html" title="{{ t.title }}"
                                            rel="bookmark">{{ t.title }}</a></h4>
                                <p>{{ t.excerpt|truncatechars:"80" }}</p>
                                </div>
                            {% endfor %}
                        


                        
                    </div>
                </div>
                <!-- /今日头条 -->
            </div>
            <!-- /文章列表 -->
            <div class="index-main clearfix">
                <div class="main-title">
                    <h4 class="post-left-title fl">最新文章</h4>
                    <div class="fr"></div>
                </div>
                <div class="row">
                    {% for a in allarticle %}
                        <div class="article-box clearfix excerpt-1">
                            <div class="col-md-4">
                                <div class="thumbnail">
                                    <a href="{% url 'index' %}show-{{ a.id }}.html" title="{{ a.title }}">
                                        <img src="media/{{ a.img }}"
                                             srcset="media/{{ a.img }}"
                                             alt="{{ a.title }}" class="wp-post-image" width="240" height="160"/></a>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <h2><a href="{% url 'index' %}show-{{ a.id }}.html" target="_blank"
                                       title="{{ a.title }}">{{ a.title }}</a></h2>
                                <p class="txtcont hidden-xs"><a href="{% url 'index' %}show-{{ a.id }}.html" target="_blank"
                                                                title="{{ a.title }}">{{ a.excerpt }}</a></p>
                                <div class="meta"><span class="label label-info"><a
                                        href="{% url 'index' %}list-{{ a.category.id }}.html">{{ a.category.name }}</a></span>
                                    <time class="item"><i class="fa fa-clock-o"></i>{{ a.created_time|date:"Y年m月d日" }}
                                    </time>
                                </div>
                            </div>
                        </div>
                    {% endfor %}

        </section>
        <!-- /post-left -->
        <!-- /post-right -->
        <aside class="post-right hidden-xs">
            </section>
            <section class="widget post-right-item">
                <h4 class="post-right-title">热门文章排行</h4>
                <ol class="hot-list">
                    
                        {% for h in hot %}
                        <li><a href="{% url 'index' %}show-{{ h.id }}.html" title="{{ h.title }}">{{ h.title }}</a></li>
                        {% endfor %}


                </ol>
            </section>
            </section>
            </section>


            <section class="widget post-right-item"><h4 class="post-right-title">热门推荐</h4>
                <ul class="post-new">
                    
                        <li>
                            <div class="img">
                                <a href="/show-1.html" title="W3C启动Web支付标准工作，推进在线结算流程"><img src="static/picture/next-1.png"
                                                                       srcset="media/article_img/2018/10/07/next-1.png" alt="W3C启动Web支付标准工作，推进在线结算流程"
                                                                       class="wp-post-image" width="120"
                                                                       height="80"/></a>
                            </div>
                            <div class="text">
                                <a href="/show-1.html" title="W3C启动Web支付标准工作，推进在线结算流程" target="_blank">W3C启动Web支付标准工作，推进在线结算流程</a>
                            </div>
                        </li>

                    
                        <li>
                            <div class="img">
                                <a href="/show-4.html" title="Firefox5新功能:社交共享 集成身份管理"><img src="static/picture/firefox503.jpg"
                                                                       srcset="media/article_img/2018/10/07/firefox503.jpg" alt="Firefox5新功能:社交共享 集成身份管理"
                                                                       class="wp-post-image" width="120"
                                                                       height="80"/></a>
                            </div>
                            <div class="text">
                                <a href="/show-4.html" title="Firefox5新功能:社交共享 集成身份管理" target="_blank">Firefox5新功能:社交共享 集成身份管理</a>
                            </div>
                        </li>

                    
                        <li>
                            <div class="img">
                                <a href="/show-5.html" title="简单HTML5打造内涵搜索框"><img src="static/picture/web1_if1rrie.jpg"
                                                                       srcset="media/article_img/2018/10/07/web1_If1RRie.jpg" alt="简单HTML5打造内涵搜索框"
                                                                       class="wp-post-image" width="120"
                                                                       height="80"/></a>
                            </div>
                            <div class="text">
                                <a href="/show-5.html" title="简单HTML5打造内涵搜索框" target="_blank">简单HTML5打造内涵搜索框</a>
                            </div>
                        </li>

                    
                        <li>
                            <div class="img">
                                <a href="/show-7.html" title="网站设计-不只是门面漂亮这么简单"><img src="static/picture/web1.jpg"
                                                                       srcset="media/article_img/2018/10/07/web1.jpg" alt="网站设计-不只是门面漂亮这么简单"
                                                                       class="wp-post-image" width="120"
                                                                       height="80"/></a>
                            </div>
                            <div class="text">
                                <a href="/show-7.html" title="网站设计-不只是门面漂亮这么简单" target="_blank">网站设计-不只是门面漂亮这么简单</a>
                            </div>
                        </li>

                    
                        <li>
                            <div class="img">
                                <a href="/show-8.html" title="谷歌用户体验设计准则"><img src="static/picture/tx_3zybskx.jpg"
                                                                       srcset="media/article_img/2018/10/07/tx_3zybSKX.jpg" alt="谷歌用户体验设计准则"
                                                                       class="wp-post-image" width="120"
                                                                       height="80"/></a>
                            </div>
                            <div class="text">
                                <a href="/show-8.html" title="谷歌用户体验设计准则" target="_blank">谷歌用户体验设计准则</a>
                            </div>
                        </li>

                    
                        <li>
                            <div class="img">
                                <a href="/show-10.html" title="手机端阅读类产品的信息架构"><img src="static/picture/shouji.jpeg"
                                                                       srcset="media/article_img/2018/10/07/shouji.jpeg" alt="手机端阅读类产品的信息架构"
                                                                       class="wp-post-image" width="120"
                                                                       height="80"/></a>
                            </div>
                            <div class="text">
                                <a href="/show-10.html" title="手机端阅读类产品的信息架构" target="_blank">手机端阅读类产品的信息架构</a>
                            </div>
                        </li>

                    

                </ul>
            </section>
            </section>
            <section class="widget post-right-item"><h4 class="post-right-title">所有标签</h4>
                <div class="tags">
                    
                        <a href="/tag/django">django</a>
                    
                        <a href="/tag/Python教程">Python教程</a>
                    
                        <a href="/tag/Django教程">Django教程</a>
                    
                        <a href="/tag/mysql">mysql</a>
                    
                        <a href="/tag/Linux">Linux</a>
                    
                </div>
            </section>
            </section><!-- /关注我们 -->
            <div class="post-right-item">
                <h4 class="post-right-title">关注我们</h4>
                <div class="wid-about">
                    <p>拓普Python学院，欢迎关注！</p>
                    <img src="static/picture/weixinqr.jpg" alt="微信二维码-互联网的一些事" width="160" height="160">
                </div>
                <div class="wid-about">
                    <p><strong>联系方式:</strong></p>
                    <p>QQ:445813</p>
                    <p>Email：445813@qq.com</p>
                </div>
            </div>

        </aside>
        <div class="FriendLink hidden-xs clearfix">
            <div class="title"><h3>友情链接：</h3></div>
            <ul class="clears">
                
                   {% for l in link %}
                        <li><a href="{{ l.linkurl }}" target="_blank">{{ l.name }}</a></li>
                   {% endfor %}
            </ul>
        </div>
    </div>


<!-- 底部 -->
{% endblock %}
